// 顶部图片点击消失
$('.header-event .header span').on('click', function () {
    $('.header-event').remove();
})

// 退出登录
var username = $.cookie('username');
if (username) {
    $('.user-info').empty().append(
        `
        <img src="./img/login.jpg" alt="">
        <div class="user-info-show">
        <p>Hi，${username}</p>
        <span style="text-align:center;line-height:18px;display:inline-block;width:55px;height:18px;background-color:#f03435;border-radius:5px;color:white">424</span>
        <span class=out>退出</span>
        </div>
         `
    )
    $('.login').empty().append(
        `
        <a href="">${username}</a>
        <a href="" class=lo><i class=login-icon></i><span class="glyphicon glyphicon-menu-down"></span></a>
        `
    )
    $('.login').hover(
        function () {
            $('.login_menu').css('display', 'block').addClass('border');
            $(this).addClass('border-bot');
            console.log(this);
            $('.login_menu').mouseover(function () {
                $('.login_menu').css('display', 'block');
                $('.login').addClass('border-bot');
            })
        },
        function () {
            $('.login_menu').css('display', 'none');
            $(this).removeClass('border-bot');
            console.log(this);
            $('.login_menu').mouseout(function () {
                $('.login_menu').css('display', 'none');
                $('.login').removeClass('border-bot');
            })
        }
    )
    $('.user-info-show .out').on('click', function () {
        // 退出登录
        $.get('/api/v1/user/signout', (data) => {
            if (data.code == "success") {
                // 退出成功，刷新首页
                location.href = '/';
            }
        })
    })
    $('.link-logout').on('click', function () {
        console.log('out')
        $.get('/api/v1/user/signout', (data) => {
            if (data.code == "success") {
                // 退出成功，刷新首页
                location.href = '/';
            }
        })
    })
}
// 登录后的下拉列表
// 图片个数
var imgCount = 5;
var slideCount = 0;

$('.leftBtn').click(function () {
    if (slideCount <= 0) {
        return;
    }
    slideCount--;

    $('.thumbImg ul').animate({
        left: '+=130'
    })
})

$('.rightBtn').click(function () {
    if (imgCount <= 4 || slideCount >= imgCount - 1) {
        return;
    }
    slideCount++;
    $('.thumbImg ul').animate({
        left: '-=130'
    })
})
// 导航栏地址的下拉列表
$('.fl').hover(
    function () {
        $('.item').css('display', 'block').addClass('border');
        $('.line').addClass('border-bot');
    },
    function () {
        $('.item').css('display', 'none');
        $('.line').removeClass('border-bot');
    }
)
$('.item a').hover(
    function () { $(this).addClass('hover1') },
    function () { $(this).removeClass('hover1') }
)
$('.item a').on('click', function () {
    $('.fl span').text($(this).text());
    $(this).removeClass('hover1');
    $(this).addClass('select').siblings().removeClass('select');
})

//我的京东下拉列表
$('.mine').hover(
    function () {
        $('.j-mine').css('display', 'block').addClass('border');
        $(this).addClass('border-bot');
        console.log(this);
        $('.j-mine').mouseover(function () {
            $('.j-mine').css('display', 'block');
            $('.mine').addClass('border-bot');
        })
    },
    function () {
        $('.j-mine').css('display', 'none');
        $(this).removeClass('border-bot');
        console.log(this);
        $('.j-mine').mouseout(function () {
            $('.j-mine').css('display', 'none');
            $('.mine').removeClass('border-bot');
        })
    }
)
// 客户服务的下拉列表
$('.client-server').hover(
    function () {
        $('.server').css('display', 'block').addClass('border');
        $(this).addClass('border-bot');
        $('.server').mouseover(function () {
            $(this).css('display', 'block');
            $('.client-server').addClass('border-bot')
        })
    },
    function () {
        $('.server').css('display', 'none');
        $(this).removeClass('border-bot');
        $('.server').mouseout(function () {
            $(this).css('display', 'none');
            $('.client-server').removeClass('border-bot');
        })
    }
)
// 网站导航下拉列表
$('.J-web').hover(
    function () {
        $('.main-web').css('display', 'block');
        $('.websit').addClass('border');
        $(this).addClass('border-bot');
        $('.main-web').mouseover(function () {
            $(this).css('display', 'block').addClass('border');
            $('.J-web').addClass('border-bot')
        })
    },
    function () {
        $('.main-web').css('display', 'none');
        $(this).removeClass('border-bot');
        $('.main-web').mouseout(function () {
            $(this).css('display', 'none');
            $('.J-web').removeClass('border-bot');
        })
    }
)

// 手机京东下拉列表
$('.J-phone').hover(
    function () {
        $('.J-code').css('display', 'block').addClass('border');
        $('.J-code').mouseover(function () {
            $(this).css('display', 'block').addClass('border');
        })
    },
    function () {
        $('.J-code').css('display', 'none');
        $('.J-code').mouseout(function () {
            $(this).css('display', 'none');
        })
    }
)
// 导航底下的二维码下拉列表
$('.red-erwei').hover(
    function () {
        $('.J-code').css('display', 'block').addClass('border');
        $('.J-code').mouseover(function () {
            $(this).css('display', 'block').addClass('border');
        })
    },
    function () {
        $('.J-code').css('display', 'none');
        $('.J-code').mouseout(function () {
            $(this).css('display', 'none');
        })
    }
)
// 隐藏的搜索框
$(window).scroll(function () {
    if ($(window).scrollTop() >= $('.seckill').offset().top) {
        console.log('zzz')
        $('.search').css('display', 'block');
    } else {
        $('.search').css('display', 'none');
    }
})
// 头部购物车下拉列表
$('.cart').hover(
    function () {
        $('.empty').css('display', 'block').addClass('border');
        $(this).css('boder-bottom', 'none')
        $('.empty').mouseover(function () {
            $(this).css('display', 'block').addClass('border');
            $('.cart').css('boder-bottom', 'none')
        })
    },
    function () {
        $('.empty').css('display', 'none');
        $('.empty').mouseout(function () {
            $(this).css('display', 'none');
        })
    }
)

// 轮播图部分

// 左侧
$.get('./json/catedata.json', function (data) {
    var data = data[1];
    $('.cate-menu li').hover(
        function () {
            $(this).addClass('li-hover');
            var index = $(this).index();
            var result = data[index];
            console.log(result);
            var strHtml = template('all', result);
            $('.left-cont').html(strHtml);
            $('.left-cont').css('display', 'block');
            $('.left-cont').mouseover(function () {
                $('.left-cont').css('display', 'block');
            })
        },
        function () {
            $(this).removeClass('li-hover');
            $('.left-cont').css('display', 'none');
            $('.left-cont').mouseout(function () {
                $('.left-cont').css('display', 'none');
            })
        }
    )

})

//中间
// 轮播图
var index = 0;
var timer = setInterval(changeIndex, 1000);

function changeIndex() {
    index = index >= $('#slideBox img').length - 1 ? 0 : index + 1;
    changeImage();
}

function changeImage() {
    $('#slideBox img').eq(index).fadeIn('fast').siblings().fadeOut('fast');
    $('.indicators span').eq(index).addClass('current').siblings().removeClass('current');
}

$('#prev').click(function () {
    index = index <= 0 ? $('img').length - 1 : index - 1;
    changeImage();
})

$('#next').click(function () {
    clearInterval(timer);
    changeIndex();
})
$('.indicators span').hover(
    function () {
        clearInterval(timer);
        index = $(this).index();
        changeImage();
    }, function () {
        timer = setInterval(changeIndex, 1000);
    })

$('.buttons span').hover(function () {
    clearInterval(timer);
}, function () {
    timer = setInterval(changeIndex, 1000);
})
// 左边
$('.buttons #prev').hover(function () {
    $(this).addClass('tarche');
}, function () {
    $(this).removeClass('tarche');
})
// 右边
$('.buttons #next').hover(function () {
    $(this).addClass('tarche');
}, function () {
    $(this).removeClass('tarche');
})

$('#slideBox').hover(
    function () {
        $('.buttons span').css('display', 'block');
    },
    function () {
        $('.buttons span').css('display', 'none');
    })

// 右侧
// 促销、公告
$('.news-head .cu').hover(
    function () {
        $('.news-head span').animate({
            left: '-2px'
        })
        $('.news-body .first').css('display', 'block');
        $('.news-body .second').css('display', 'none');
    })
$('.news-head .gu').hover(
    function () {
        $('.news-head span').animate({
            left: '50px'
        })
        $('.news-body .first').css('display', 'none');
        $('.news-body .second').css('display', 'block');
    })

// 秒杀

// 倒计时
var newYear = new Date('2017-09-25 00:00:00');
$('.sk_cd_main').countdown({
    until: newYear,
    padZeroes: true,
});
// 秒杀轮播
$.get('./json/jdms.json', (data) => {
    var data = data.bd;
    var strHtml = template('ms', data);
    $('.swiper-container').html(strHtml);
    // 秒杀图片移动
    $('.swiper-slide li').find('a').hover(
        function () {
            $(this).find('img').animate({ top: '-5px' });
        },
        function () {
            $(this).find('img').animate({ top: '' });
        }
    )
    $('.swiper-container').hover(
        function () {
            $('.swiper-button-next').css('display', 'block')
            $('.swiper-button-prev').css('display', 'block');
        },
        function () {
            $('.swiper-button-next').css('display', 'none')
            $('.swiper-button-prev').css('display', 'none');
        }
    )
    $(document).ready(function () {
        var swiper = new Swiper('.swiper-container', {
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            slidesPerView: 1,
            paginationClickable: true,
            spaceBetween: 30,
            loop: true
        });
    })
})
// 秒杀右侧
var item = 0;
var time = setInterval(change, 2000);
function change() {
    item = item >= $('.special_list li').length - 1 ? 0 : item + 1;
    changeImg();
}
function changeImg() {
    $('.special_list li').eq(item).fadeIn('fast').siblings().fadeOut('fast');
    $('.item_indlist span').eq(item).addClass('item_red').siblings().removeClass('item_red');
}
change();
$('.sk_item_1').hover(
    function () {
        clearInterval(time);
        $('.sk_item1').css('display', 'block');
        $('.sk_item2').css('display', 'none');
        $(this).addClass('item_red').siblings().removeClass('item_red');
    },
    function () {
        time = setInterval(change, 2000);
    }
)
$('.sk_item_2').hover(
    function () {
        clearInterval(time);
        $('.sk_item2').css('display', 'block');
        $('.sk_item1').css('display', 'none');
        $(this).addClass('item_red').siblings().removeClass('item_red');
    },
    function () {
        time = setInterval(change, 2000);
    }
)
// 发会排
// 发现好货
$.get('./json/find.json', (data) => {
    var data = data[0].boxBd;
    var str = template('find', data);
    $('.find_list').html(str);
})
// 会买专辑
$.get('./json/sup.json', (data) => {
    var data = data[0].boxBd;
    var str = template('sup', data);
    $('.grid_c2>.box-bd').html(str);
    // 轮播
    var i = 0;
    var t = setInterval(changeDiv, 3000);
    function changeDiv() {
        i = i >= $('.page').length - 1 ? 0 : i + 1;
        change();
    }

    function change() {
        $('.page').eq(i).fadeIn('fast').siblings().fadeOut('fast');
        $('.sub_ind>span').eq(i).addClass('current').siblings().removeClass('current');
    }

    $('.sub_btn>#prev1').click(function () {
        i = i <= 0 ? $('.page').length - 1 : i - 1;
        change();
    })
    $('.sub_btn>#prev1').hover(
        function () {
            $(this).css('color', '#df7e6d');
        },
        function () {
            $(this).css('color', '#ccc')
        }
    )
    $('.sub_btn>#next1').click(function () {
        console.log('111')
        changeDiv();
    })
    $('.sub_btn>#next1').hover(
        function () {
            $(this).css('color', '#df7e6d');
        },
        function () {
            $(this).css('color', '#ccc')
        }
    )
    $('.sub_ind span').hover(function () {
        clearInterval(t);
        i = $(this).index();
        change();
    }, function () {
        t = setInterval(changeDiv, 3000);
    })
    $('.sub_btn span').hover(function () {
        clearInterval(t);
    }, function () {
        t = setInterval(changeDiv, 3000);
    })
    $('.box-bd').hover(
        function () {
            $('.sub_btn span').css('display', 'block');
        },
        function () {
            $('.sub_btn span').css('display', 'none');
        })
})

// 排行榜
$.get('./json/top.json', (data) => {
    var data = data[0];
    var index = 0;
    $('.top_tab_head span').hover(
        function () {
            index = $(this).index();
            count();
            $('.top_tab_head .red_line').animate({
                'left': index * 80 + 'px'
            });
        }
    )
    function count() {
        var result = data.boxBd.item[index];
        var str = template('top', result);
        $('.top_tab_content').html(str);
    }
    count();
})

// 领劵中心
$.get('./json/quan.json', (data) => {
    var data = data[0].boxBd;
    var str = template('juan', data);
    $('.coupon_list').html(str);
    $('.coupon_list li').find('img').hover(
        function () {
            $(this).animate({
                right: '5px'
            })
        },
        function () {
            $(this).animate({
                right: '15px'
            })
        }
    )
})
// 觅me
$.get('./json/fineME.json', (data) => {
    console.log(data);
    var data = data[0].boxBd;
    var str = template('mime', data);
    $('.mime_list').html(str);
    //轮播 
    var mi = 0;
    var mt = setInterval(changeMi, 3000);
    function changeMi() {
        mi = mi >= $('.mime_li').length - 1 ? 0 : mi + 1;
        changeMime();
    }
    function changeMime() {
        $('.mime_li').eq(mi).fadeIn('fast').siblings().fadeOut('fast');
        $('.mime_ind span').eq(mi).addClass('current').siblings().removeClass('current');
    }

    $('.mime_btn>.prev').click(function () {
        mi = mi <= 0 ? $('.mime_li').length - 1 : mi - 1;
        changeMime();
    })
    $('.mime_btn .prev').hover(
        function () {
            $(this).css('color', '#df7e6d');
        },
        function () {
            $(this).css('color', '#ccc')
        }
    )
    $('.mime_btn>.next').click(
        function () {
            changeMi();
        })
    $('.mime_btn>.next').hover(
        function () {
            $(this).css('color', '#df7e6d');
        },
        function () {
            $(this).css('color', '#ccc')
        }
    )
    $('.mime_ind span').hover(
        function () {
            clearInterval(mt);
            mi = $(this).index();
            changeMime();
        },
        function () {
            mt = setInterval(changeMi, 3000);
        })
    $('.mime_btn span').hover(
        function () {
            clearInterval(mt);
        }, function () {
            mt = setInterval(changeMi, 3000);
        })
    $('.box-bd').hover(
        function () {
            $('.mime_btn>span').css('display', 'block');
        },
        function () {
            $('.mime_btn>span').css('display', 'none');
        })
})
// 享品质
// 图片移动
$('.entry_list li').find('a').hover(
    function () {
        $(this).find('img').animate({
            left: '-5px'
        })
    }, function () {
        $(this).find('img').animate({
            left: ''
        })
    }
)

// 轮播
var mi = 0;
var mt = setInterval(changeMi, 3000);
function changeMi() {
    mi = mi >= $('.live_list li').length - 1 ? 0 : mi + 1;
    changeMime();
}
function changeMime() {
    $('.live_list li').eq(mi).fadeIn('fast').siblings().fadeOut('fast');
    $('.live_inner .mime_ind span').eq(mi).addClass('current').siblings().removeClass('current');
}

$('.mime_btn .prev').click(function () {
    mi = mi <= 0 ? $('.live_list li').length - 1 : mi - 1;
    changeMime();
})
$('.mime_btn .prev').hover(
    function () {
        $(this).css('color', 'red');
    },
    function () {
        $(this).css('color', 'white')
    }
)
$('.mime_btn .next').click(
    function () {
        changeMi();
    })
$('.mime_btn .next').hover(
    function () {
        $(this).css('color', 'red');
    },
    function () {
        $(this).css('color', 'white')
    }
)
$('.mime_ind span').hover(
    function () {
        clearInterval(mt);
        mi = $(this).index();
        changeMime();
    },
    function () {
        mt = setInterval(changeMi, 3000);
    })
$('.mime_btn span').hover(
    function () {
        clearInterval(mt);
    }, function () {
        mt = setInterval(changeMi, 3000);
    })
// 爱生活
$.get('./json/girdItem.json', (data) => {
    console.log(data);
    var str = template('girdItem', data);
    $('.portal_1 .w').html(str);
    $('.chn_col1 .pt_bd ').find('a').hover(
        function () {
            $(this).find('img').animate({ 'right': '10px' })
        }, function () {
            $(this).find('img').animate({ 'right': '5px' })
        }
    )
    $('.chn_col1 .pt_bd .pt_more').find('a').hover(
        function () {
            $(this).find('img').animate({ 'right': '5px' })
        }, function () {
            $(this).find('img').animate({ 'right': '' })
        }
    )
    $('.swiper-container').hover(
        function () {
            $('.swiper-button-next').css('display', 'block')
            $('.swiper-button-prev').css('display', 'block');
        },
        function () {
            $('.swiper-button-next').css('display', 'none')
            $('.swiper-button-prev').css('display', 'none');
        }
    )
    $(document).ready(function () {
        var swiper = new Swiper('.swiper-container', {
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            slidesPerView: 1,
            paginationClickable: true,
            spaceBetween: 30,
            loop: true
        });
    })
    $('.chn_col1:nth-of-type(7)').after(`<div class="J_f1">
            <div class="w1">
                <ul class="rec_list1">
                    <li><img src="//m.360buyimg.com/babel/jfs/t9406/271/1971017690/15678/175ac7dc/59c200c8N1cea8014.jpg!q90" alt=""></li>
                    <li><img src="//img13.360buyimg.com/da/jfs/t3052/318/4681004517/20553/eb8aefe8/58523bc4N0fced611.jpg!q90" alt=""></li>
                    <li><img src="//img14.360buyimg.com/da/jfs/t3481/7/2369715736/20126/acbc97bb/5852290bNa07473c0.jpg!q90" alt=""></li>
                </ul>
            </div>
</div>`
    )
})
// 还没逛够
$.get('./json/moregoods.json', (data) => {
    console.log(data);
    var str = template('more', data);
    $('.more_inner').html(str);
    $('.more_list').find('a').hover(
        function () {
            $(this).find('.more_info_name').css('color', '#c81623');
        },
        function () {
            $(this).find('.more_info_name').css('color', '#666');
        }
    )
})
// 右侧固定栏
$('.jdm-toolbar').find('.jdm-toolbar-tab').hover(
    function () {
        $(this).find('.tab-text').animate({
            left: '-61px',
        })
        $(this).find('.tab-text').css(
            'background-color', '#c81623'
        )
        $(this).find('.tab-ico').css(
            'background-color', '#c81623'
        )
    },
    function () {
        $(this).find('.tab-text').animate({
            left: '35px',
        })
        $(this).find('.tab-text').css(
            'background-color', '#7a6e6e'
        )
        $(this).find('.tab-ico').css(
            'background-color', '#7a6e6e'
        )
    }
)

// 滚动监听
$(window).scroll(function () {
    if ($(window).scrollTop() >= $('.entry_1').offset().top) {
        $('#lift').css('display', 'block');
    } else {
        $('#lift').css('display', 'none');
    }
})
$('.lift_item').click(function () {
    $(this).addClass('lift_red').siblings().removeClass('lift_red');
})


